iT邦幫忙

2022 iThome 鐵人賽

DAY 8
0

前言

前一篇的文章分享給各位 Button 的使用,為了之後的導覽做準備,今天來談談「List」表單的使用~
今天的篇幅稍稍的短,還請大家見諒!

List

A container that presents rows of data arranged in a single column, optionally providing the ability to select one or more members.
List 官方文件

List {
    Text("A List Item")
    Text("A Second List Item")
    Text("A Third List Item")
}

以下整理一些比較常用的 code

如果想將 List 之間的線刪除,可以用.listRowSeparator並設定 hidden 如下:

.listRowSeparator(.hidden)

如要顯示則將 .hidden 改成 .visible

輔助線顏色更改

.listRowSeparatorTint(.red)

區塊名稱

section

List{
    Section(header:Text("SectionOne"),footer:Text("Footer")){
                {
                    ......
                }
            }

今天大概到這邊啦~謝謝大家的閱讀~


延伸閱讀

推薦給大家~


上一篇
[Day7] 在 SwiftUI 中加入按鈕,觸發文字吧~|Button 按鈕的使用以及淺談 State 變數
下一篇
[Day9] 讓你的 SwiftUI App 有不同的導覽頁面吧~|Navigation 的使用
系列文
新手學 Swift UI 與 Android Studio 的學習路程 -- 跟著我們一起踏上 App 開發之旅吧~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言